<include file="Public:header" />
<style type="text/css">
<!--
.box1,.box2 { width:166px;  height:25px; line-height:22px; border:0px solid #A9BAC9;background:__ROOT__/images/input_bg.jpg no-repeat #fff; padding:0 3px; font-size:13px; color:blue; }
.box2 { border:2px solid #9ECC00;}
-->
</style>

<script>
$(function(){
    $('#user_name').focus();   //将光标定位用户名框中
    $("#tijiao").click(function(){

        var user_name = $("#user_name").val();
        var user_pwd = $("#user_pwd").val();
        var yz_num = $("#yz_num").val();
        if(check(user_name,user_pwd,yz_num))
            {
                    $.post("{:U('system/check')}",
                    {'user_name':user_name,
                        'user_pwd':user_pwd,
                        'yz_num':yz_num
                    },
                    function(data){chuli(data.status);},'json')
            }
        })
    function chuli(status)
    {
        switch(status)
        {
            case 0:   //验证码不正确
                alert('验证码不正确，请检查验证码后重新输入！！');
                $('#yz_num').val('');
                $('#yz_num').focus();
                break;
            case 1:   //用户名不存在！
                alert('用户名不存在，请确认后重新输入！！');
                $('#user_name').val('');
                $('#user_name').focus('');
                break;
            case 2:   //密码不正确
                alert('密码不正确，请重新输入！！');
                $('#user_pwd').val('');
                $('#user_pwd').focus();
                break;
            case 3:  //登录成功！
                alert('登录成功，欢迎您登陆员工日程管理系统，系统将自动跳转到主界面！');
                location.href="__APP__";
                break;
            default:
                alert('系统错误，请关闭网页后重新登录！');
                $('#user_name').val('');
                $('#user_pwd').val('');
                break;
        }
    }
    function check(user_name,user_pwd,yz_num)
    {
        if(user_name=='')
            {
               alert('用户名不能为空！请填写用户名!');
               $('#user_name').focus();
               return false;
            }
        if(user_pwd=='')
            {
               alert('密码不能为空！请填写密码！');
               $('#user_pwd').focus();
               return false;
            }
        if(yz_num=='')
            {
               alert('验证码不能为空！请正确填写验证码！');
               $('#yz_num').focus();
               return false;
            }
        return true;
    }
})
</script>
<div id="kk"></div>
<table border="0" cellpadding="0" cellspacing="0" width="1024">
  <tr>
   <td><img src="__ROOT__/images/spacer.gif" width="227" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="67" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="81" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="179" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="51" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="86" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="73" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="81" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="60" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="26" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="67" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="26" height="1" border="0" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="12"><img name="index_r1_c1" src="__ROOT__/images/index_r1_c1.jpg" width="1024" height="8" border="0" id="index_r1_c1" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="8" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2" colspan="8"><img name="index_r2_c1" src="__ROOT__/images/index_r2_c1.jpg" width="845" height="230" border="0" id="index_r2_c1" alt="" /></td>
   <td><img name="index_r2_c9" src="__ROOT__/images/index_r2_c9.jpg" width="60" height="30" border="0" id="index_r2_c9" alt="" /></td>
   <td rowspan="9"><img name="index_r2_c10" src="__ROOT__/images/index_r2_c10.jpg" width="26" height="760" border="0" id="index_r2_c10" alt="" /></td>
   <td><a href="javascript:window.close();"><img name="index_r2_c11" src="__ROOT__/images/index_r2_c11.jpg" width="67" height="30" border="0" id="index_r2_c11" alt="" /></a></td>
   <td rowspan="9"><img name="index_r2_c12" src="__ROOT__/images/index_r2_c12.jpg" width="26" height="760" border="0" id="index_r2_c12" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="30" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="8"><img name="index_r3_c9" src="__ROOT__/images/index_r3_c9.jpg" width="60" height="730" border="0" id="index_r3_c9" alt="" /></td>
   <td rowspan="8"><img name="index_r3_c11" src="__ROOT__/images/index_r3_c11.jpg" width="67" height="730" border="0" id="index_r3_c11" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="200" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="7"><img name="index_r4_c1" src="__ROOT__/images/index_r4_c1.jpg" width="227" height="530" border="0" id="index_r4_c1" alt="" /></td>
   <td colspan="5"><img name="index_r4_c2" src="__ROOT__/images/index_r4_c2.jpg" width="464" height="143" border="0" id="index_r4_c2" alt="" /></td>
   <td rowspan="2" colspan="2"><img name="index_r4_c7" src="__ROOT__/images/index_r4_c7.jpg" width="154" height="182" border="0" id="index_r4_c7" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="143" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="4" colspan="2"><img name="index_r5_c2" src="__ROOT__/images/index_r5_c2.jpg" width="148" height="86" border="0" id="index_r5_c2" alt="" /></td>
   <td background="__ROOT__/images/index_r5_c4.jpg" width="179" height="39">
       <!--用户名输入框-->
       &nbsp;<input type="text" id="user_name" name="user_name" value="" tabIndex=1 class=box1 onmouseover="this.className='box2'" onMouseOut="this.className='box1'"/></td>
   <td colspan="2"><img name="index_r5_c5" src="__ROOT__/images/index_r5_c5.jpg" width="137" height="39" border="0" id="index_r5_c5" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="39" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2"><img name="index_r6_c4" src="__ROOT__/images/index_r6_c4.jpg" width="230" height="5" border="0" id="index_r6_c4" alt="" /></td>
   <td rowspan="3" colspan="2" align="center" valign="top" width="159" height="47">
       <img src="__ROOT__/images/index_r6_c6.jpg" name="img" border="0" width="159" height="47" tabindex="4" id="tijiao"></td>
   <td rowspan="5"><img name="index_r6_c8" src="__ROOT__/images/index_r6_c8.jpg" width="81" height="348" border="0" id="index_r6_c8" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
  </tr>
  <tr>
   <td background="__ROOT__/images/index_r7_c4.jpg" width="179" height="39">
<!--密码输入框-->
       &nbsp;<input type="password" id="user_pwd" name="user_pwd" value="" tabIndex=2 class=box1 onmouseover="this.className='box2'" onMouseOut="this.className='box1'"/></td>
   <td rowspan="4"><img name="index_r7_c5" src="__ROOT__/images/index_r7_c5.jpg" width="51" height="343" border="0" id="index_r7_c5" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="39" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r8_c4" src="__ROOT__/images/index_r8_c4.jpg" width="179" height="3" border="0" id="index_r8_c4" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="3" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="index_r9_c2" src="__ROOT__/images/index_r9_c2.jpg" width="67" height="301" border="0" id="index_r9_c2" alt="" /></td>
   <td background="__ROOT__/images/index_r9_c3.jpg" width="81" height="39" align="center"><img src="__APP__/Public/view_key"></td>
   <td background="__ROOT__/images/index_r9_c4.jpg" width="179" height="39" align="left">
       <!--验证码输入框-->
       &nbsp;<input type="text" name="yz_num" id="yz_num" value="" size="15" maxlength="4" tabIndex=3 class=box1 onmouseover="this.className='box2'" onMouseOut="this.className='box1'"/></td>
   <td rowspan="2" colspan="2"><img name="index_r9_c6" src="__ROOT__/images/index_r9_c6.jpg" width="159" height="301" border="0" id="index_r9_c6" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="39" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2"><img name="index_r10_c3" src="__ROOT__/images/index_r10_c3.jpg" width="260" height="262" border="0" id="index_r10_c3" alt="" /></td>
   <td><img src="__ROOT__/images/spacer.gif" width="1" height="262" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>
